<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Always Include start -->
<link type="text/css" href="css/reset.css" rel="stylesheet" />
<link type="text/css" href="css/esCore.css" rel="stylesheet" />
<link type="text/css" href="css/jq/es.jqui1.8.css" rel="stylesheet" />	
<script type="text/javascript" src="js/jq/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jq/es.jqui1.8.min.js" ></script>
<script type="text/javascript" src="js/esCore.js"></script>
<!-- Always Include ends -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>User Name | EduCreek</title>
<style>
	
	
</style>
</head>

<body>
	<div class="errorMsg clearfix" style="display:none; position:absolute; z-index:700; background-color:#FC0; border-bottom:2px solid #000;color:#000; width:100%; margin:auto; border-top:0px;">
    	<div style="padding:5px;margin: 5px 5px 5px 50px;">
            <div style="float:left;font-weight:bold;padding-bottom:5px;">Oops, something's wrong:</div>
            <div style="float:right; padding:4px;"><a id="closeErrMsg" href="#" style="color:#000; font-weight:bold; padding-left:4px; padding-right:4px; border:2px solid #000000; background-color:#F4A83D;">X</a></div>
            <div style="clear:both"></div>
            <div class="errStr">Error Message Goes Here!</div>
        </div>
    </div>
	<div class="es-outerWrapper">
    	<div class="es-topRibbon">
        </div>        
        <div class="es-innerWrapper">    
            <!-- Header -->
            <div class="es-header">
            	<div class="es-menuBar">
                	<img src="images/icons/es50.gif"  alt="EduCreek" style="float:left;position:absolute;" />
                    <div  style="padding-top:5px;">
                        <ul style="padding-left:50px;" class="es-horMenu"><li>Home</li><li>Calendar</li><li>Universities</li><li>Departments</li><li>Courses</li></ul>
                        <ul class="es-horMenu" style="float:right;"><li style="color:#DEDDEF; font-size:12px">User Name: Role</li><li>Settings</li><li>Logout</li></ul>
                    </div>
                </div>
                <div class="es-searchBar">
                <div style="float:left; background-color:#DEDDEF; width:200px; height:100%;"><span style="color:#DEDDEF;">EduCreek0.3.0</span></div>
                <div style="float:left;margin-top:4px; margin-left:20px;"><input style="float:left;" type="text" size="40" /><button style="float:left;height:22px;" class="es-button ui-state-default ui-corner-right">Search</button></div>
                </div>
            </div>
            <!-- Body -->
            <div class="es-bodyWrapper clearfix">
            	<!-- All Derived Course Content Goes Here: Start -->
                <div style="width:950px;">
                	<div style="height:20px; background-color:#DEDDEF"></div>
                    <div style="padding-left:10px"><h1>Administrative Control Panel</h1></div>
                    <div style=" height:2px; background-color:#DEDDEF"></div>
                </div>
               	<div class="clearfix">
                	<div id="lpanel" style="width:150px; float:left;">
                        <div style="padding-left:10px;">
                            <div style="font-weight:bold;padding:5px;margin-top:50px;">Manage</div>
                            <div>
                                <div class="cpmenu"><a href="#">University</a></div>
                                <div class="cpmenu"><a href="#">Departments</a></div>
                                <div class="cpmenu"><a href="#">Courses</a></div>
                                <div class="cpmenu"><a href="#">Groups</a></div>
                                <div class="cpmenu"><a href="#">Users</a></div>
                                <div class="cpmenu"><a href="#">Grades</a></div>
                                <div class="cpmenu cp-menuSel"><span>Semester</span></div>
                                <div class="cpmenu"><a href="#">Batch</a></div>
                                <div class="cpmenu"><a href="#">Files &amp; Folders</a></div>
                            </div>
                        </div>    
                    </div>
                    <div id="cpbody" style="min-height:600px; width:795px; float:left; border-left:1px solid #DEDDEF;">
                        <div id="rpanel" style="padding-left:5px;">
                        	<div><h2>Semester Management</h2></div>
                            <div style="margin-top:10px;margin-left:-5px;">
                                <ul class="wbar">
                                	<li class="sel"><span class="sep">Change Semester</span><!-- dont remove span tag --></li>
                                    <li><span class="sep"><a href="#">Running Courses</a></span></li>
                                    <li><span class="sep"><a href="#">Elective Allotment</a></span></li>
                                </ul>
                            </div>
                            <div>
                            	<div class="cp-itemL1Cont clearfix">
                                	<div style="padding:5px;float:left;">
                                    	<span style="background-color:#DEDDEF; padding: 2px 5px;display:block;"><strong>Change Semester</strong></span>
                                        <div style="border:1px solid #DEDDEF; width:400px; padding:5px;"><!-- Change semster block -->
                                        	<div  class="clearfix">
                                                <table class="cp-pairedList">
                                                    <tr>
                                                        <td class="label">Current Semester</td>
                                                        <td class="value">Autumn, 2010 (Started on Jul 13, 2010)</td>                                          		</tr>
                                                    <tr>
                                                        <td class="label">Next Semester</td>
                                                        <td class="value">Spring, 2010</td>
                                                    </tr>
                                                </table>
                                            </div>
                                            <div style="float:right;">
                                                <button class="es-button ui-state-default ui-corner-all">Change Semester to <span>Spring, 2010</span></button>
                                            </div>
                                            <div style="clear:both;"></div>
                                        </div>
                                        <div>
                                        	<p>
                                        	<a href="#" style="font-size:13px; text-decoration:underline;">&nbsp;View Currently Running Courses&nbsp;</a></p>
                                        </div>
                                    </div>
                                    <div style="float:left; padding-left:10px; width: 280px; border-left:1px dashed #0100FB; margin:10px">
                                    	<div padding:left:10px>
                                        	<h4>Warning!</h4>
                                            <p>Please note that semester change will close all currently running courses across all departments. It will also allot appropriate subjects to students for their next semester and will ask them to fill their preference for optional / elective courses.</p>
                                            <p>Semester change does not occur immediately. It happens at the midnight of the day when semester change was clicked.</p>
                                            <p style="color:red; font-weight:bold">Semester change is an irreversible process, so take action responsibly.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
               </div>
            	<!-- All Derived Course Content Goes Here: End -->            	
            </div>
            <!-- Footer -->
            <div class="es-footer">
            	<div style="color:#FFFFFF">skfhskfhksfkshdfkshdf</div>    
            </div>
        </div>
        <div class="es-bottomRibbon">
        	<div class="es-bottomInfo">
            	<div style="float:left"><ul class="es-horMenu"><li>&copy;&nbsp;2010&nbsp;Muton</li><li>Report Bug</li><li>Feedback &amp; Suggestions</li><li>FAQ</li><li>Legal</li></ul></div>
        	</div>
    	</div>
    </div>
</body>
</html>
